<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03-对象属性操作</title>
</head>
<body>
   <script>
       let hero = {
           name:'吕布',
           lever: 18,
           skill: function(age){
               console.log(age + '天崩地裂');
           }
       };
       // 1. 获取对象属性的两种方式
       /* 
            对象名.属性名
            对象名[字符串] 字符串是属性名
       */
      console.log(hero.name);   //吕布
      console.log(hero['lever']);   // 18

      // 2. 变量是window 的属性
      var age = 22;

      // 3. window 一般省略
      console.log(age);     //22
      console.log(window.age);  //22

      // 4. 对象方法的调用
      hero.skill();     //undefined
      hero.skill(12);   //12天崩地裂

      function eat(){
          console.log('吃火锅');   //吃火锅
      }
      eat();
      window.eat();     //  吃火锅

      // 5. 对象可以动态地添加属性（方法）
      hero.address = '艾泽拉斯';
      hero.play = function(){
          console.log('王者荣耀');
      };
      console.log(hero);
      hero.play();
 
 /*      // 6. 属性的修改（变量的重新赋值）
      hero.name = '貂蝉';  
      console.log(hero); // 吕布变貂蝉

      // 7.属性的删除 delete 对象名.属性名
      delete hero.name;
      console.log(hero);   // 删除貂蝉 */

   </script> 
</body>
</html>